HTML Basic

รูปแบบมาตรฐานในการสร้างเวบเพจประกอบด้วยคำสั่งหลักอยู่ 4 คำสั่ง ดังนี้

<html> .... </html> เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเวบเพจ
<head> .... </head> เป็นคำสั่งในส่วนของการกำหนดส่วนหัวเรื่องของเวบเพจ โดยในคำสั่งhead จะมีคำสั่ง
<title> .... </title>อยู่ด้วย ซึ่งทำหน้าที่กำหนดข้อความที่แสดงบน Title Barโดยสามารถกำหนดความยาวของข้อความได้ 64 ตัวอักษร
<body> .... </body> เป็นคำสั่งในส่วนเนื้อหาของเวบเพจทั้งหมด

รูปแบบการเขียนมีดังต่อไป

<html>
<head>
<title> Title Bar </title>
</head>

<body>

.
.
.
.

</body>
</html>

Link

การเชื่อมโยงเวบเพจ หรือที่เรียกว่าลิงค์ถือว่าเป็นคุณสมบัติที่สำคัญของภาษา HTMLดังจะเห็นได้จากเวบเพจทั่ว ๆ ไป จุดเชื่อมโยงเวบเพจอาจจะเป็นข้อความหรือรูปภาพก็ได้

การสร้างจุดเชื่อมโยงข้อความ (Text Link)

ในการเชื่อมโยงเวบเพจเราจะใช้แท็ก <a> โดยการกำหนดข้อความในเอกสาร HTML เป็นจุดเชื่อมโยง โดยมีรูปแบบดังนี้

<a href="URL"> ข้อความ </a>

a href หมายถึง Hypertext Reference ส่วน URL (Uniform Resource Location) คือ รูปแบบมาตรฐานที่เป็นแหล่งที่ขอใช้บริการอินเทอร์เน็ต โดยเขียนอยู่ในรูปแบบดังนี้

โปรโตคอล://ชื่อโฮส.โดเมน/ชื่อไฟล์
การสร้างจุดเชื่อมโยงกับรูปภาพ (Graphic Link)

เป็นการกำหนดให้รูปภาพเป็นจุดเชื่อมโยง โดยมีรูปแบบดังนี้

<a href="URL"><img SRC = "ชื่อไฟล์"></a>

การกำหนดสีให้กับจุดเชื่อมโยงเวบเพจ

การสร้างเวบเพจด้วยภาษาHTMLนั้น จุดเชื่อมโยงข้อความที่เราสร้างขึ้นจะมีสีที่แตกต่างจากปกติ พร้อมทั้งมีเส้นใต้บ่งบอกจุดเชื่อมโยงด้วย เราจะกำหนดสีของ Link ในเวบเพจจากแท็ก Body โดยมีรูปแบบดังนี้

<body Attributes = "#RRGGBB">

Attributesที่ใช้ในการกำหนดสีมีด้วยกันดังนี้

bgcolor	กำหนดสีพื้นหลังให้กับเวบเพจ
text	กำหนดสีตัวอักษรปกติ
link	กำหนดสีตัวอักษรที่เป็นจุดเชื่อมโยง
vlink (visited link)	กำหนดสีตัวอักษรที่ทำการคลิกเพื่อไปยังเป้าหมายแล้ว
alink (active link)	กำหนดสีตัวอักษรที่กำลังคลิกไปยังเป้าหมาย

Home      Basic     HTML <Tag>     Tips     Links